JSON形式のデータをjQueryを使って取得する(2)

JSON形式のデータをjQueryを使って取得する(2)

Clock Icon2011.09.21

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

前回からの続きですが、たとえばECサイトなどを構築している際には以下のような仕様を満たす必要があるかと思います。

商品一覧から商品画像をクリック → ページ遷移させてその商品の詳細画面を表示する

そんな時にページ遷移の際にパラメータを取得するためには下のソースが使えます。

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

// Get object of URL parameters
var allVars = $.getUrlVars();

// Getting URL var by its nam
var itemId = $.getUrlVar('id');

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.